<!-- 修改文章 -->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/style.css">
</head>
<script>
    function changeto (url) {
        window.location.href = url;
    }
</script>

<body>
    <div class="head-box">
        <div class="head wrap">
            <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
            <div class="head-right fr">
                <div class="head-a fr">
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                    <span th:unless="${not #strings.isEmpty(session.u?.getUid())}">
                        <div class="head-a3 login-click fl"><a href="#">登录</a></div>
                        <div class="head-a4 fl"><a href="/register.html" target="blank">注册</a></div>
                    </span>
                    <span th:if="${not #strings.isEmpty(session.u?.getUid())}">
                        <select name="" id="" class="head-a3" onchange="changeto($(this).val())">
                            <option value="" checked>我的</option>
                            <option value="/article-add.html"><a href="/blog/user/add.to"> 发表文章</a></option>
                            <option value="/ainArticleList"><a>我的作品</a></option>
                            <option value="/userConcernList"><a>我的收藏</a></option>
                        </select>
                        <a href="/logout">
                            <div class="head-a4 reg-click fl">注销</div>
                        </a>
                    </span>

                </div>
                <div class="clearfix"></div>
                <div class="nav fr">
                    <ul>
                        <li class="nav-cut"><a href="/">首页</a></li>
                        <li><a href="/blog/user/article.to">文章</a>
                            <!-- <div class="sub-nav">
                                <div class="bich-top"></div>
                                <div class="bich">
                                    <a href="">服饰</a>
                                    <a href="">美食</a>
                                    <a href="">出行</a>
                                    <a href="">约会</a>
                                </div>

                            </div> -->
                        </li>
                        <li><a href="/course/courseList">课程</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系我们</a></li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="about-banner"><img src="/upload/about-banner.jpg"></div>

        <div class="about-box">
            <div class="about">
                <div class="about-h4">发布博客</div>
            </div>
            <div class="about-btm">

                <form action="/blog/user/update.do" method="post" enctype="multipart/form-data" id="form">
                    <div class="tsm-box">
                        <div class="tsm-title">博客内容
                        </div>
                        <input type="hidden" name="aid" th:value="${article.getAid()}">
                        <div class="tsm-a" style="display:block;">
                            <div class="tsm-a1">
                                <div class="tsm-a2 fl">标题：</div>
                                <div class="tsm-a3"><input type="text " th:value="${article.getTitle()}" id="title"
                                        class="tsm-text1" name="title" onfocus="$(this).next().html('')"><span
                                        id="nameError" style="color: red"></span>
                                </div>
                            </div>
                            <div class="tsm-a1">
                                <div class="tsm-a2 fl">封面：</div>
                                <img th:src="@{ |/img/${article.getArtimg()}|}" alt="未选择图片" height="100px" width="100px"
                                    id="img">
                                <label id="aa" for="imgUrl">
                                    <span class="btn"
                                        style="width: 100px;height: 30px;font-size: 12px;border-width: 1px"
                                        id="ss">选择图片</span>
                                    <input type="file" name="imgUrl" id="imgUrl" style="display: none"
                                        onclick="$(this).next().html('')">
                                    <p style="color: red" id="imgError"></p>
                                </label>
                            </div>
                            <div class="tsm-a1">
                                <div class="tsm-a2 fl">关键字：</div>
                                <div class="tsm-a3"><input th:value="${article.getKeywords()}" id="keywords" type="text"
                                        class="tsm-text1" name="keywords"></div>
                            </div>

                            <div class="tsm-a1">
                                <div class="tsm-a2 fl">分类：</div>
                                <div class="tsm-a3"><select id="typeId" class="tsm-text1" name="typeid"
                                        onfocus="$(this).next().html('')">
                                        <option th:each="types:${type}"
                                            th:checked="${article.getTypeid()==types.getCid()}"
                                            th:value="${types.getCid()}">[[${types.typename}]]</option>
                                    </select><span id="typeError" style="color: red"></span></div>
                            </div>

                            <div class="tsm-a1">
                                <div class="tsm-a2 fl">文章内容：</div>
                                <div class="tsm-a5"><textarea th:value="${article.getContent()}" id="bContent"
                                        class="tsm-area" name="content"
                                        onfocus="$(this).next().html('')"></textarea><span id="contError"
                                        style="color: red"></span></div>
                            </div>
                        </div>
                    </div>

                    <div class="tsm-href"><input type="button" id="btn" class="tsm-btn" value="保存"></div>
                </form>
            </div>
        </div>

    </div>


    <div class="footer">
        <div class="wrap">
            <div class="foot">
                <div class="foot-left fl">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="contact.html">联系我们</a>
                    <a href="">媒体采访</a>
                </div>
                <div class="foot-c fl"><a href=""><img src="images/foot-logo.jpg"></a></div>
                <div class="foot-right fr">
                    <a href="">同城活动</a>
                    <a href="">课程资讯</a>
                    <a href="">最新发布</a>
                    <a href="">热门文章</a>
                </div>
            </div>
            <div class="foot-btm">网页制作by云邦</div>
        </div>
    </div>


    <!--登录注册弹窗-->
    <div class="mask"></div>
    <div class="login">
        <div class="login-title">
            <div class="login-a">登录</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
                <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
            </div>
        </div>
    </div>

    <div class="reg">
        <div class="login-title">
            <div class="login-a">注册</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
            </div>
        </div>
    </div>

    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/Action.js"></script>
    <script>
        //选择头像后回显的方法
        $("#imgUrl").change(function () {
            var file = $(this)[0].files[0];
            var fileReader = new FileReader();
            fileReader.readAsDataURL(file);
            fileReader.onload = function () {
                $("#img").prop("src", this.result).css("display", "inline-block")
            }
        })
        $(function () {

            $("#btn").click(function () {
                var aa = 0
                if ($("#title").val() == '') {
                    $("#nameError").html("输入文章标题")
                    aa = 1
                }
                if ($("#bContent").val() == '') {

                    $("#contError").html("文章内容不能为空")
                    aa = 1
                }

                if ($("#typeId").val() == '') {
                    $("#typeError").html("选择文章类型")
                    aa = 1
                }
                if ($("#imgUrl").val() == '') {
                    $("#imgError").html("请选择文章图片")
                    aa = 1
                }
                if (aa == 0) {
                    if ($("#keywords").val() == '') {
                        if (!confirm("确认不设置关键字")) {
                            aa = 1
                        }

                    }
                }

                if (aa == 0) {

                    $("#form").submit();

                }
            })
        })

    </script>
</body>

</html>